<template>
  <div class="calendar">
    <Calendar
      :markDate="list"
      :futureDayHide="'1525104000'"
    ></Calendar>
  </div>
</template>

<script>
import Calendar from 'vue-calendar-component'
export default {
  name: 'SignCalendar',
  props: {
    list: Array
  },
  components: {
    Calendar
  },
  mounted () {
    this.arr = this.list
  }
}
</script>

<style lang="stylus" scoped>
.calendar >>> .wh_top_changge li
  display: none
.calendar >>> .wh_top_changge .wh_content_li
  display: flex
.calendar >>> .wh_jiantou1
  border-top: .04rem solid #333
  border-left: .04rem solid #333
.calendar >>> .wh_jiantou2
  border-top: .04rem solid #333
  border-right: .04rem solid #333
.calendar >>> .wh_content_all
.calendar >>> .wh_content_item .wh_chose_day
  background: #fff
.calendar >>> .wh_item_date
.calendar >>> .wh_content_item
.calendar >>> .wh_content_li
.calendar >>> .wh_jiantou1
.calendar >>> .wh_jiantou2
  color: #333
.calendar >>> .wh_content_item .wh_isToday
  background: #fff
.calendar >>> .wh_content_item > .wh_isMark
  background: #f2741f
  color: #fff
</style>
